<!DOCTYPE html>
<html>
<head>
    <!--十城联动页面模板-->
    <title>日新网 - 活动详情页</title>
    <meta name="keywords" content="{$site_seo_keywords}"/>
    <meta name="description" content="{$site_seo_description}">
    <meta name="author" content="日新网">
    <meta name="referrer" content="origin">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            font-family: Microsoft YaHei;
        }

        ul li {
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .clearfix {
            zoom: 1;
        }

        .ellipsis2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .ellipsis1 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /*样式开始*/
        .main_top {
            height: 100%;
            width: 100%;
        }

        .main_top img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }
        /*顶部图片固定*/
        .main_top {
            position: fixed;
            top: 0;
            left: 0;
        }

        /*顶部导航*/
        .active_nav {
            position: fixed;
            top: 0;
            right: 0%;
            width: 1180px;
            height: 50px;
            font-weight: bolder;
            padding-left: 0px;
            line-height: 50px;
            z-index: 9999;
        }

        .active_nav_actieve {
            /*background-color: #fff;*/
        }

        .active_nav li:first-child {
            margin-left: 40%;
        }

        .active_nav li {
            float: left;
            font-size: 14px;
            margin-left: 44px;
            letter-spacing: 2px;
        }

        .active_nav li a {
            color: #dc0877;
        }

        .title {
            margin: 0 0 48px;
            text-align: center;
            color: #b60a60;
            padding-top: 106px;
        }

        .title .title_top {
            font-size: 18px;
            line-height: 30px;
            font-weight: bold;
            letter-spacing: 2px;
        }

        .title .title_top span {
            border-bottom: 2px solid #b60a60;
        }

        .title .title_btm {
            font-size: 14px;
            line-height: 18px;

        }

        /*论坛介绍*/
        .active_title {

        }

        .active_title .top {
            font-size: 40px;
            color: #000232;
            font-weight: bold;
            line-height: 40px;
        }

        .active_title .top span {
            margin: 0 10px;
            letter-spacing: 3px;
        }

        .active_title .btm{
            font-size: 24px;
            line-height: 30px;
            margin-top: 10px;
            color: #4a4b6e;
        }
        .main .small_title {
            font-size: 14px;
            color: #000232;
            letter-spacing: 2px;
            line-height: 16px;
            font-weight: bold;
            margin-top: 70px;
        }

        .main .small_title .underline {
            border-bottom: 1px solid #b60a60;
        }

        .forum .text {
            max-width:958px;
            margin: 30px auto 0;

        }

        .forum .text p {
            font-size: 14px;
            line-height: 24px;
            color: #4a4b6e;
            letter-spacing: 1px;
        }
        .forum .active_timer, .forum .active_address {
            text-align: center;
            font-size: 14px;
            line-height: 24px;
            color: #000232;
            padding: 0 30px;
            max-width: 1198px;
            margin: 30px auto 0;
        }

        .forum .active_city {
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 2px;
            font-weight: bold;
            margin-top: 30px;
        }

        .forum .active_city a {
            color: #000232;
        }

        .forum .active_city span {
            margin: 0 32px;
        }

        .bright {
            width: 722px;
            margin: 34px auto 0;

        }

        .bright_item {
            width: 240px;
            font-size: 14px;
            color: #4a4b6e;
            letter-spacing: 1px;
            line-height: 20px;
            margin-bottom: 70px;
        }

        .bright_item img {
            width: 86px;
            height: 86px;
        }

        .ticket {
            width: 652px;
            margin: 0 auto;
        }

        .ticket_item {
            width: 300px;
            height: 140px;
            border: 1px solid #4a4b6e;
            color: #4a4b6e;
            border-radius: 5px;
            float: left;
            margin-right: 24px;
        }

        .ticket_item .ticket_type {
            float: left;
            font-weight: bold;
            font-size: 24px;
            margin: 26px 0 0 34px;
            letter-spacing: 3px;
        }

        .ticket_item .ticket_info {
            float: right;
            margin: 40px 50px 0 0;
            font-size: 12px;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .ticket_item .ticket_info .person {
            padding-left: 8px;
        }

        .ticket_item .text {
            font-size: 12px;
            line-height: 16px;
            color: #4a4b6e;
            height: 32px;
            width: 228px;
            margin: 6px auto 11px;
            text-align: left !important;
        }

        .ticket_item .count_num .reduce, .ticket_item .count_num .add {
            display: inline-block;
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

        .ticket_item .count_num {
            float: right;
            margin: 0 34px 0 0;
        }

        .ticket_item .count_num .reduce {
            background: url("/public/images/active/reduce.png") no-repeat center;
            -webkit-background-size: 11px 2px;
            background-size: 11px 2px;
        }

        .ticket_item .count_num .add {
            background: url("/public/images/active/add.png") no-repeat center;
            -webkit-background-size: 11px 11px;
            background-size: 11px 11px;
        }

        .ticket_item .count_num .count_number {
            font-size: 18px;
            padding: 0 10px;
            line-height: 24px;
            display: inline-block;
            position: relative;
            top: -3px;
        }

        .buy_ticket {
            width: 120px;
            min-height: 18px;
            background-color: #b60a60;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 1px;
            font-weight: bold;
            text-align: center;
            border-radius: 10px;
            margin: 18px auto 40px;
            cursor: pointer;
            padding: 8px 0 6px;
        }

        .buy_ticket .yes {
            line-height: 14px;
            font-size: 14px !important;
        }

        .buy_ticket .how_money {
            font-size: 12px;
            line-height: 12px;
        }

        /*活动议程*/
        .topics {
            max-width: 540px;
            margin: 50px auto 0;
        }

        .topics_item {
            font-size: 16px;
            color: #4a4b6e;
            line-height: 20px;
            letter-spacing: 2px;
        }

        .topics_item .timer, .topics_item .text {
            float: left;
            padding: 20px 0;;
        }

        .topics_item .timer {
            width: 164px;
            padding-right: 16px;
            text-align: right;
        }

        .topics_item .text {
            padding-left: 16px;
            border-left: 1px solid #00b7ff;
            max-width: 342px;
            text-align: left !important;
        }

        /*报名规则*/
        .sign_up {

        }

        .sign_up_title {
            font-size: 14px;
            color: #b60a60;
            line-height: 24px;
            letter-spacing: 2px;
            font-weight: bold;
            margin-bottom: 12px;
        }

        .sign_up_title span {
            font-size: 18px;
        }

        .sign_up_text {
            font-size: 14px;
            color: #4a4b6e;
            letter-spacing: 1px;
            font-weight: bold;
            margin-bottom: 48px;
        }
        .sign_up_text_yd{
            color: #fff;
        }

        /*联系我们*/
        .contact {
            font-size: 12px;
            margin-bottom: 140px;
        }

        .contact .contact_code {
            display: inline-block;
            margin: 28px 50px 0;
        }

        .contact img {
            width: 124px;
            height: 124px;
        }

        .contact .contact_code p {
            line-height: 24px;
            color: #000232;
            letter-spacing: 2px;

        }

        .select_city {
            color: #b60a60;
        }

        /*拟邀嘉宾*/
        .guest {
            width: 1078px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: -54px;
        }

        .guest_item {
            font-size: 14px;
            color: rgba(0, 2, 50, .73);
            width: 184px;
            text-align: center;
            line-height: 18px;
            letter-spacing: 1px;
            display: inline-block;
            margin: 0 34px 56px 0;
        }
        .guest_item:nth-of-type(5n) {
            margin-right: 0px;
        }

        .guest_item img {
            width: 80px;
            height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;

        }

        .guest_item .name {
            font-size: 18px;
            line-height: 31px;
            color: rgba(0, 2, 50, 1);
        }

        /**********************************************/
        .main .active_title,
        .main .small_title,
        .main .text,
        .bright_item,
        .forum .active_city,
        .sign_up,
        .contact {
            text-align: center;
        }

        .ticket_item:hover {
            /*transform: scale(1.02,1.02);*/
            box-shadow: 6px 2px 17px 5px rgba(0, 0, 0, .1);

        }

        .active_city span:hover {
            color: #b60a60;
            cursor: pointer;
        }

        .pay_code {
            position: relative;
            /*height: 375px;*/
            height: 325px;
            /*background:url("/public/images/active/pay_code.png") no-repeat center;*/
            -webkit-background-size: 375px 375px;
            background-size: 375px 375px;
            border: none;
            display: none;
            padding-top: 50px;

        }

        .pay_code img {
            width: 190px;
            height: 184px;
            display: block;
            margin: 0 0 25px 92px;
            position: relative;
        }

        .pay_code .text {
            font-size: 14px;
            letter-spacing: 1px;
            color: #000232;
            text-align: center;
            position: absolute;
            top: 224px;
            left: 50%;
            margin-left: -68px;
        }

        .pay_code .yes {
            width: 120px;
            height: 30px;
            color: #FFFFFF;
            font-size: 14px;
            letter-spacing: 1px;
            background-color: #b60a60;
            text-align: center;
            line-height: 30px;
            margin: 0 auto;
            border-radius: 10px;
        }

        .layui-layer-shade {
            background-color: #000 !important;
        }

        .layui-layer-shade {
            border-radius: 0px;
        }
        .layui-layer-dialog {
            border-radius: 10px;
        }
        .layui-layer-content {
            text-align: center;
            letter-spacing: 1px;
            font-size: 15px!important;
        }
        /*主办单位*/
        .hosts {
            color: #fff;
            font-size: 18px;
            line-height: 18px;
            text-align: center;
        }
        .hosts .hosts_item {
            margin-top: 40px;
        }
        .hosts h4 {
            font-weight: bolder;
        }
        .hosts .text {
            font-size: 16px;
            line-height: 22px;
            margin-top: 12px;
        }
    </style>
    <style>


        @media screen and (min-width: 751px) {
            /*.main_top img:last-child {*/
            /*display: none;*/
            /*}*/
            .main_top .repace_bcg {
                display: none;
            }
            .arrow_btm {
                display: none;
            }
            .telephone_yd{
                display: none;
            }
            .contact{
                margin-bottom: 28px;
            }
            .sign_up_text_yd {
                display: none;
            }

            .ticket {
                width: 628px;
            }
            .active_public150 {
                margin-top: 150px!important;
            }
            /*.ticket .ticket_item:last-child {*/
            /*margin-right: 0;*/
            /*}*/

            .topics-ground {
                text-align: center;
            }

            .topics-ground .topics {
                display: inline-block;
            }

            .buy_ticket {
                background-color: transparent;
                color: #b60a60;
                border: 1px solid #b60a60;
            }
            .buy_ticket:hover {
                background-color: #b60a60;
                color: #fff;
            }
            /*公共白色背景*/
            .select_city {
                border:1px solid #b60a60 ;
                color: #b60a60;
                border-radius: 10px;
            }
            .active_public {
                background-color: rgba(255,255,255,.8);
                width: 1364px;
                padding-bottom: 50px;
                margin: 0 auto 72px;
                position: relative;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }
            .active_public_none{
                width: 1364px;
                margin: 0 auto 72px;
                position: relative;
                padding-bottom: 50px;
            }
            .active_public_none .title .title_top {
                color: #FFFFFF;
            }
            .active_public_none .title .title_top span{
                border-bottom:1px solid #FFFFFF!important;
            }
            .active_public_none .title .title_btm {
                color: #FFFFFF;
            }

            /*活动介绍*/
            .active_title{
                margin-bottom: 160px;
            }
            .active_title .top {
                color: #FFFFFF;
                font-size: 56px;
                letter-spacing: 2px;
                line-height: 66px;
                margin-bottom:24px ;
            }
            .active_title .btm, .active_title .city_name{
                color: #FFFFFF;
                font-size: 24px;
                line-height: 32px;
                letter-spacing: 2px;
                font-weight: bold;
            }
            .active_title .city_name {
                margin-top: 8px;
            }
            .title .title_top {
                font-size: 24px;
                letter-spacing: 5px;
                line-height: 40px;
            }
            .title .title_btm{
                font-size: 20px;
                line-height: 24px;
            }
            .forum .text {
                width: 958px;
            }
            .main .small_title {
                font-size: 18px;
            }
            .forum .text p{
                font-size: 16px;
                width: 958px;
            }
            .forum .active_city span{
                display: inline-block;
                height: 38px;
                line-height: 38px;
                letter-spacing: 3px;
                padding: 0 20px;
                margin: 0 8px;

            }
            .forum .active_timer, .forum .active_address{
                font-size: 16px;
            }
            .bright {
                width: 100%;
                text-align: center;
            }
            .bright_item {
                width: 186px;
                display: inline-block;
                font-size: 15px;
                color: #4a4b6e;
                letter-spacing: 1px;
                line-height: 20px;
                margin-bottom: 50px;
                padding: 0 20px;
                height: 130px;
                overflow: hidden;
            }
            /*购票通道*/
            .ticket {
                width:972px;
                text-align: center;
            }
            .ticket_item {
                color: #FFFFFF;
                background:url("/public/images/active/ticket_bcg.png") no-repeat center;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
                border: none;
                float: none;
                display: inline-block;
                margin: 0 12px 24px;
            }

            .ticket_item .ticket_type{
                font-size: 28px;
                margin-top: 15px;
                margin-left: 21px;
                line-height: 28px;
                width: 175px;
                overflow: hidden;
                text-align: left;
            }
            .ticket_item .text {
                color: #FFFFFF;
                margin: 0 0 0 21px;
                width: 150px;
                height: 64px;
                overflow: hidden;
            }
            .ticket_item .ticket_info{
                font-size: 18px;
                margin-top: 6px;

            }
            .ticket_item .ticket_info .person{
                font-size: 12px;
                padding-left: 0;
                font-weight: normal;
            }
            .ticket_item .ticket_info .person span{
                display: inline-block!important;
            }
            .ticket_item .ticket_info {
                margin-top: 12px;
                margin-right: 0;
                float: right;
                width: 104px;
                text-align: center;
            }
            .ticket_item .count_num{
                margin-top: -14px;
                margin-right: 16px;
            }
            .ticket_item .count_num .reduce {
                background:url("/public/images/active/reduce1.png");
            }
            .ticket_item .count_num .add {
                background:url("/public/images/active/add1.png");
            }
            /*邀请嘉宾*/
            .guest{
                width: 1316px;
            }
            .guest_item{
                width:240px;
                height: 280px;
                margin: 0 12px 24px;
                position: relative;
            }
            .guest_item1, .guest_item2 {
                position: absolute;
                top: 0;
                left: 0;
                width:200px;
                height: 244px;
                padding: 36px 20px 0;
                margin: 0 12px 24px;
                transition: all .4s ease-in;
            }
            .guest_item2{
                background:url("/public/images/active/guest.png") no-repeat center;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
                transform: rotateY(90deg);
                opacity: 0;
            }
            .guest_item:hover .guest_item1{
                transform: rotateY(90deg);
                opacity: 0;
            }
            .guest_item:hover .guest_item2{
                transform: rotateY(0);
                opacity: 1;
            }
            .guest_item .company, .guest_item .work {
                color: rgba(255,255,255,0.83);
            }
            .guest_item .company {
                margin-top: 10px;
            }
            .guest_item .name {
                color: #ffffff;
                font-size: 24px;
                margin-top: 6px;
            }
            /*报名规则*/
            .sign_up_title {
                font-size: 24px;
                color: #fc0084;
            }
            .sign_up_text_pc {
                color: #FFFFFF;
                font-size: 18px;
            }
            /*main内容背景图片*/
            .main-ground {
                background:url("{:sp_get_asset_upload_path('http://video.rixins.com/image/default/B49D1964510A45B28843740AE9E7BA68-6-2.png')}") no-repeat top fixed;
                -webkit-background-size: 100% 800px;
                background-size: 100% 800px;
            }
            .guest3 {
                display: none;
            }

        }

        .active_icon {
            width: 120px;
            height: 120px;
            position: absolute;
            top: -60px;
            left: 50%;
            margin-left: -60px;
        }
        .active_icon1 {
            background:url("/public/images/active/active1.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .active_icon2 {
            background:url("/public/images/active/active2.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .active_icon3 {
            background:url("/public/images/active/active3.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            top: 0;
        }
        .active_icon4 {
            background:url("/public/images/active/active4.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .active_icon5 {
            background:url("/public/images/active/active5.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            top: 0;
        }
        .active_icon6 {
            background:url("/public/images/active/active6.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .active_icon7 {
            background:url("/public/images/active/active7.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            top: 0;
        }
        @media screen and (max-width: 751px) {
            .forum .active_timer, .forum .active_address {
                margin-top: 7px;
            }
            .guest {
                display: none;
            }
            .telephone_pc {
                display: none;
            }
            .guest_item2 {
                display: none;
            }
            .ellipsis2_yd {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            .bright_item{
               display: inline-block;
            }
            .bright {
                width: 100%;
                text-align: center;
            }

            .ticket {
                width: 100%;
            }

            .topics {
                width: 100%;
            }

            .topics_item .text {
                width: auto;
                border: none;
                padding-left: 0;
            }

            .active_nav {
                display: none;
            }

            /*.main_top img:first-child {*/
            /*display: none;*/
            /*}*/

            /*活动介绍*/
            .active_title .top {
                font-size: 24px;
                line-height: 40px;
            }

            .active_title .top span {
                margin: 0 4px;
            }

            .active_title .btm ,  .active_title .city_name{
                font-size: 16px;
                line-height: 26px;
                margin-top: 0px;
                letter-spacing: 1px;
                color: #000232;
                font-weight: bold;
            }

            .forum .active_city a {
                display: inline-block;
                margin-bottom: 36px;
            }

            .forum .active_city span {
                margin: 0;
                display: inline-block;
                width: 100%;
            }

            .forum .active_city a:nth-child(1),
            .forum .active_city a:nth-child(2),
            .forum .active_city a:nth-child(3),
            .forum .active_city a:nth-child(8),
            .forum .active_city a:nth-child(9),
            .forum .active_city a:nth-child(10) {
                width: 24%;
                text-align: center;
            }
            .forum .active_city a:nth-child(3){
                text-align: right;
            }
            .forum .active_city a:nth-child(4),
            .forum .active_city a:nth-child(5),
            .forum .active_city a:nth-child(6) {
                width: 24%;
                text-align: left;
            }

            /*活动亮点*/
            .bright_item {
                width: 45%;
                height: 130px;
                overflow: hidden;
                padding-left: 2%;
                padding-right: 2%;
                margin-bottom: 40px;

            }

            /*购票通道*/
            .ticket_item {
                float: none;
                margin: 0 auto 30px;
            }
            .buy_ticket {
                width: 300px;
                min-height: 24px;
                padding: 12px 0 6px;
                margin-top: 36px;
                margin-bottom: 6px;
            }
            .ticket_item .count_num{
                margin-top: -6px;
            }
            .ticket_item .ticket_type {
                width: 150px;
                overflow: hidden;
            }

            /*标题*/
            .main .small_title {
                margin-top: 30px;
            }

            /*边距*/
            .forum .text,
            .forum .active_city {
                margin-left: 30px;
                margin-right: 30px;
            }

            /*活动议程*/
            .topics_item {
                font-size: 13px;
            }

            .topics_item .timer, .topics_item .text {

                padding: 0;
                margin: 0 30px;
            }

            .topics_item .timer {
                border: none;
                margin-bottom: 4px;
                text-align: left;
                margin-left: 30px;
                margin-right: 0px;
                width: 106px;
            }

            .topics_item .text {
                margin-bottom: 20px;
                float: none;
                margin-right: 20px;
                margin-left: 138px;
            }

            .title {
                padding-top: 54px;
                margin-bottom: 26px;
            }
            /*联系我们*/
            .contact {
                margin-top: -47px;
                margin-bottom: 60px;
            }

            /*报名规则*/
            .sign_up .sign_up_text1 {
                width: 200px;
                margin: 0 auto;
                line-height: 24px;
                margin-bottom: 40px;
            }

            .sign_up .sign_up_text:last-child {
                width: 290px;
                margin: 0 auto;
                line-height: 24px;
            }

            .sign_up_text_pc {
                display: none;
            }

            /*拟邀嘉宾*/
            .guest {
                width: 100%;
                margin: 0 auto;
                text-align: center;
                margin-bottom: -54px;
            }

            .guest_item {
                font-size: 14px;
                color: rgba(0, 2, 50, .73);
                width: 184px;
                text-align: center;
                line-height: 18px;
                letter-spacing: 1px;
                display: block;
                margin: 0 auto 56px;
            }
            .guest_item2 {
                display: none;
            }
            .guest_item:nth-of-type(5n) {
                margin-right: auto;
            }
            .main-ground {
                background-image:none!important;
            }
            .active_public {
                background-color: rgba(255,255,255,.8);
                width: 95%;
                padding-bottom: 50px;
                margin: 0 auto 72px;
                position: relative;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;

            }
            .active_public_none {
                width: 100%;
                margin: 0 auto 72px;
                position: relative;
                padding-bottom: 20px;
            }
            .active_public_none  .active_icon {
                top: -12px!important;
            }
            .active_icon{
                width: 75px;
                height: 75px;
                top: -38px;
                left: 50%;
                margin-left: -38px;
                color: #fff;
            }
            .main-ground {
                padding-top: 50px!important;
            }
            .active_title p {
                color: #fff!important;
            }
            .ticket_item {
                color: #FFFFFF;
                background:url("/public/images/active/ticket_bcg.png") no-repeat center;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
                border: none;
                float: none;
                display: block;
                margin: 18px auto;
            }

            .ticket_item .ticket_type{
                font-size: 28px;
                margin-top: 15px;
                margin-left: 21px;
                line-height: 28px;
                width: 175px;
                overflow: hidden;
                text-align: left;
            }
            .ticket_item .text {
                color: #FFFFFF;
                margin: 0 0 0 21px;
                width: 150px;
                height: 64px;
                overflow: hidden;
            }
            .ticket_item .ticket_info{
                font-size: 18px;
                margin-top: 6px;

            }
            .ticket_item .ticket_info .person{
                font-size: 12px;
                padding-left: 0;
                font-weight: normal;
            }
            .ticket_item .ticket_info .person span{
                display: inline-block!important;
            }
            .ticket_item .ticket_info {
                margin-top: 12px;
                margin-right: 0;
                float: right;
                width: 104px;
                text-align: center;
            }
            .ticket_item .count_num{
                margin-top: -14px;
                margin-right: 16px;
            }
            .ticket_item .count_num .reduce {
                background:url("/public/images/active/reduce1.png");
            }
            .ticket_item .count_num .add {
                background:url("/public/images/active/add1.png");
            }
            /*移动端拟邀嘉宾*/
            .guest3 {
                width: 300px;
                margin: 0 auto;
            }
            .guest3 .guest_item3 {
                height: 80px;
                margin-bottom: 34px;
            }
            .guest_item3 .img_ground {
                width: 80px;
                height: 80px;
                float: left;
            }
            .guest_item3 .img_ground img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
            .guest_item3 .text {
                margin-left: 88px;
                color: #fff;
                display: table;
                padding-top: 4px;
            }
            .guest_item3 .text .name {
                font-size: 24px;
                line-height: 24px;
                font-weight: bold;
                margin-bottom: 5px;
                text-align: left;

            }
            .guest_item3 .text .company {
                font-size: 16px;
                line-height: 20px;
                width: 210px;
                height: 38px;
                text-align: left;
            }
            .active_public_none .title .title_btm,
            .active_public_none .title .title_top{
                color: #fff;
            }
            .active_public_none .title .title_top span{
                border-bottom: 1px solid #fff;
            }
            /*主办单位*/
            .hosts {
                font-size: 14px;
            }
            .hosts .hosts_item {
                margin-top:30px;
            }
            .hosts .text {
                font-size: 14px;
                margin-top: 0px;
            }
        }
    </style>
    <style>
        .telephone_pc{
            font-size: 16px;
            color: #000232;
            text-align: center;
            margin-bottom: 54px;
        }
        .telephone_pc .span1{
            font-weight: bold;
            font-size: 15px;
            letter-spacing: 1px;
        }
        .telephone_yd {
            font-size: 14px;
            color: #000232;
            text-align: center;
            margin-bottom: 70px;
            line-height: 14px;
            letter-spacing: 1px;
        }
        .telephone_yd .span1 {
            font-weight: bold;
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 13px;
        }
        .arrow_btm {
            width: 26px;
            height: 40px;
            background:url("/public/images/active/arrow_bt.png") center no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -13px;
        }
    </style>
    <script src="/public/js/jquery.js"></script>
</head>
<body>
<!--头部图片-->
<div class="main">
    <div class="main_top">
        <img src="/public/images/active/repace_bcg.png" alt="" class="repace_bcg2">
        <img src="{:sp_get_asset_upload_path($activity_info['img'])}" alt="" class="repace_bcg1">
    </div>
    <!--顶部导航-->
    <div class="main-ground" style="position: relative;">
        <ul class="active_nav">
            <li><a href="#tab1">论坛介绍</a></li>
            <if condition="$activity_info['can_buy_ticket'] == 1">
                <li><a href="#tab2">购票通道</a></li>
            </if>
            <if condition="!empty($guest_lists)">
                <li><a href="#tab3">拟邀嘉宾</a></li>
            </if>
            <li><a href="#tab4">活动议程</a></li>
            <li><a href="#tab5">报名规则</a></li>
            <li><a href="#tab6">联系我们</a></li>
        </ul>
        <!--论坛介绍-->
        <div class="active_title active_public_none">
            <p class="top">
                <span>{$activity_info.name}</span>
            </p>
            <p class="btm">{$activity_info.group_name}</p>
            <p class="city_name">{$activity_info.city_name}</p>
        </div>
        <div class="active_public">
            <div class="active_icon active_icon1 "></div>
            <div class="forum" id="tab1">
                <div class="title">
                    <p class="title_top"><span>活动介绍</span></p>
                    <p class="title_btm">Introduction</p>
                </div>
                <!--论坛背景-->
                <h4 class="small_title">
                    <span>论坛</span><span class="underline">背景</span>
                </h4>
                <div class="text">
                    <p>{$activity_info.intro}</p>
                </div>
                <!--活动城市-->
                <h4 class="small_title">
                    <span>全部联动</span><span class="underline">城市</span>
                </h4>
                <div class="active_city clearfix">
                    <volist name="group_citys" id="vo">
                        <if condition="$vo['act_id'] == 0">
                            <a class="not_active_city">
                                <span>{$vo.city_name}</span>
                            </a>
                        </if>

                        <if condition="$vo['act_id'] != 0">
                            <a href="{:U('Activity/Activity/activity_info', ['id' => $vo['act_id']])}">
                                <span class="{$activity_info['city_name'] == $vo['city_name'] ? 'select_city' : ''}">{$vo.city_name}</span>
                            </a>
                        </if>
                    </volist>
                </div>
                <!--活动时间-->
                <if condition="!empty($activity_info['start_time'])">
                    <h4 class="small_title">
                        <span>活动</span><span class="underline">时间</span>
                    </h4>
                    <div class="active_timer">
                        <span>{:date('Y-m-d H:i', strtotime($activity_info['start_time']))}</span>
                        ~
                        <span>{:date('m-d H:i', strtotime($activity_info['end_time']))}</span>
                    </div>
                </if>

                <!--活动地点-->
                <if condition="!empty($activity_info['city_name'])">
                    <h4 class="small_title">
                        <span>活动</span><span class="underline">地点</span>
                    </h4>
                    <div class="active_address">{$activity_info.location}</div>
                </if>
                <!--活动亮点-->
                <if condition="!empty($bright_lists)">
                    <h4 class="small_title">
                        <span>活动</span><span class="underline">亮点</span>
                    </h4>
                    <div class="bright clearfix">
                        <volist name="bright_lists" id="vo">
                            <div class="bright_item">
                                <img src="{:sp_get_asset_upload_path($vo['bright_img'])}" alt=""> <br>
                                <span>{$vo.bright_desc}</span>
                            </div>
                        </volist>
                    </div>
                </if>
            </div>
        </div>
        <if condition="$activity_info['can_buy_ticket'] == 1 && !empty($ticket_lists)">
            <!--购票通道-->
            <div class="active_public active_public150">
                <div class="active_icon active_icon2 "></div>
                <div class="title" id="tab2">
                    <p class="title_top"><span>购票通道</span></p>
                    <p class="title_btm">Entrances</p>
                </div>
                <div class="ticket clearfix">
                    <volist name="ticket_lists" id="vo">
                        <div class="ticket_item">
                            <div class="clearfix">
                                <p class="ticket_type">{$vo.name}</p>
                                <p class="ticket_info">
                                    <span class="unit">{$vo.price}</span>元/位 <br><span class="person"><span style="display: none;">限</span>{$vo.total_num}人</span>
                                </p>
                            </div>
                            <p class="text ellipsis2_yd">{$vo.desc}</p>
                            <div class="count_num clearfix">
                                <span class="reduce"></span><span class="count_number" data-id="{$vo.id}">0</span><span
                                    class="add" data-limit="{$vo.pre_limit}"></span>
                            </div>
                        </div>
                    </volist>
                </div>
                <style>
                    .get_phone{
                        width: 296px;
                        margin: 0 auto;
                        text-align: center;
                        padding: 30px 0;
                        display: none;
                    }
                    .get_phone input {
                        border: none;
                        border-bottom: 1px solid #b60a60;
                        font-size: 18px;
                        width: 100%;
                        text-align: center!important;
                        background-color: rgba(255,255,255,0)!important;
                        /*font-weight: bolder;*/
                    }
                    .get_phone p{
                        font-size: 14px;
                        line-height: 26px;
                        color: #b60a60;
                    }
                    input{outline:none}
                </style>
                <if condition="$show_mobile_input == true">
                    <div class="get_phone">
                        <input type="text" placeholder="请输入电话号码" id="mobile_num">
                        <p>请输入手机号码&nbsp;&nbsp;以便工作人员联系您</p>
                    </div>
                </if>
                <div class="buy_ticket">
                    <span class="yes">确认购买</span> <br>
                    <span class="how_money"></span>
                </div>
            </div>
        </if>
        <!--擬邀嘉賓-->
        <if condition="!empty($guest_lists)">
            <div class="active_public_none">
                <div class="active_icon active_icon3"></div>
                <div class="title" id="tab3">
                    <p class="title_top"><span>拟邀嘉宾</span></p>
                    <p class="title_btm">Guest</p>
                </div>
                <div class="guest clearfix" >
                    <volist name="guest_lists" id="vo">
                        <div class="guest_item clearfix">
                            <div class="guest_item1">
                                <div>
                                    <img src="{:sp_get_asset_upload_path($vo['guest_img'])}" alt="">
                                </div>
                                <p class="company">{$vo.guest_company}</p>
                                <p class="work">{$vo.guest_position}</p>
                                <p class="name">{$vo.guest_name}</p>
                            </div>
                            <div class="guest_item2">
                                <div>
                                    <img src="{:sp_get_asset_upload_path($vo['guest_img'])}" alt="">
                                </div>
                                <p class="company">{$vo.guest_company}</p>
                                <p class="work">{$vo.guest_position}</p>
                                <p class="name">{$vo.guest_name}</p>
                            </div>

                        </div>
                    </volist>
                </div>
                <div class="guest3">
                    <volist name="guest_lists" id="vo">
                        <div class="guest_item3">
                           <div class="img_ground">
                               <img src="{:sp_get_asset_upload_path($vo['guest_img'])}" alt="">
                           </div>
                            <div class="text">
                                <p class="name">{$vo.guest_name}</p>
                                <p class="company ellipsis2">{$vo.guest_position}<br>{$vo.guest_company}</p>
                            </div>
                        </div>
                    </volist>
                </div>
            </div>
        </if>
        <!--活动议程-->
        <if condition="!empty($step_lists)">
            <div class="active_public active_public150">
                <div class="active_icon active_icon4"></div>
                <div class="title" id="tab4">
                    <p class="title_top"><span>活动议程</span></p>
                    <p class="title_btm">Agendum</p>
                </div>
                <h4 class="small_title">
                    <span>会议</span><span class="underline">拟定</span><span>议程</span>
                </h4>
                <div class="topics-ground">
                    <div class="topics">
                        <volist name="step_lists" id="vo">
                            <div class="topics_item clearfix">
                                <p class="timer"><span>{$vo.step_start_time}</span>-<span>{$vo.step_end_time}</span></p>
                                <div class="text">
                                    <p>{$vo.step_desc}</p>
                                    <volist name="vo.step_guest_info" id="vo_g">
                                        <p>
                                            <span>{$vo_g.guest_company}</span>
                                            <span>{$vo_g.guest_position}</span>
                                            <span>{$vo_g.guest_name}</span>
                                        </p>
                                    </volist>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>
        </if>
        <!--报名规则-->
        <div class="active_public_none">
            <div class="active_icon active_icon5"></div>
            <div class="title" id="tab5">
                <p class="title_top"><span>报名规则</span></p>
                <p class="title_btm">Regulation</p>
            </div>
            <div class="sign_up">
                <p class="sign_up_title"><span>Q</span>:如何确认已经报名成功？</p>
                <p class="sign_up_text sign_up_text1 sign_up_text_pc">报名成功后系统会自动将报名成功二维码放入您的个人中心账户</p>
                <p class="sign_up_text sign_up_text1 sign_up_text_yd">报名成功后 <br> 系统会自动将报名成功二维码放入您的个人中心账户</p>
                <p class="sign_up_title"><span>Q</span>:如何签到？有何凭证？</p>
                <p class="sign_up_text sign_up_text2 sign_up_text_pc">活动当日您需要凭借日新网发送您的【参会二维码】到现场签到处进行签到入场</p>
                <p class="sign_up_text sign_up_text2 sign_up_text_yd">活动当日<br>您需要凭借日新网发送您的【参会二维码】到现场签到处进行签到入场</p>
            </div>
        </div>
        <!--联系我们-->
        <div class="active_public active_public6">
            <div class="active_icon active_icon6"></div>
            <div class="title" id="tab6">
                <p class="title_top"><span>联系我们</span></p>
                <p class="title_btm">Contact Us</p>
            </div>
            <div class="contact">
                <div>
                    <div class="contact_code">
                        <p>咨询活动</p>
                        <img src="/public/images/active/person1.png" alt="">
                    </div>
                    <div class="contact_code">
                        <p>商务合作</p>
                        <img src="/public/images/active/person2.png" alt="">
                    </div>
                </div>
            </div>

            <div class="telephone_pc">
                <span class="span1">客服热线</span><span style="margin: 0 16px 0 21px;">座机：022-87220228</span><span>手机：16622053031</span>
            </div>
            <div class="telephone_yd">
                <span class="span1">客服热线</span> <p style="padding:16px 0 ;">座机：022-87220228</p>  <span style="position: relative;left: -4px;">手机：16622053031</span>
            </div>
        </div>
        <!--主办单位-->
        <if condition="!empty($host_h_lists) || !empty($host_c_lists)">
            <div class="active_public_none">
                <div class="active_icon active_icon7"></div>
                <div class="title" id="tab5">
                    <p class="title_top"><span>主办单位</span></p>
                    <p class="title_btm">Hosts</p>
                </div>
                <div class="hosts">
                    <if condition="!empty($host_h_lists)">
                        <div class="hosts_item">
                            <h4>主办单位</h4>
                            <volist name="host_h_lists" id="vo">
                                <p class="text">{$vo.host_name}</p>
                            </volist>
                        </div>
                    </if>
                    <if condition="!empty($host_c_lists)">
                        <div class="hosts_item">
                            <h4>协办单位</h4>
                            <volist name="host_c_lists" id="vo">
                                <p class="text">{$vo.host_name}</p>
                            </volist>
                        </div>
                    </if>
                </div>
            </div>
        </if>

        <!--二维码支付弹窗-->
        <div class="pay_code" id="pay_qrcode">
            <img src="" alt="">
            <p class="text">打开微信扫一扫付款</p>
            <p class="yes has_pay_btn">确认</p>
        </div>
        <tc_include file="Public:footer"/>
    </div>
</div>
<div class="arrow_btm"></div>
<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
<script>
    var show_mobile_input = "{$show_mobile_input}";
    function isPhoneAvailable(str) {
        var myreg = /^[1][3,4,5,6,7,8][0-9]{9}$/;
        if (!myreg.test(str)) {
            return false;
        } else {
            return true;
        }
    }
    $(document).ready(function () {
        if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
            /*window.location.href="你的手机版地址";*/
            var ua = navigator.userAgent.toLowerCase();
            var isWeixin = ua.indexOf('micromessenger') != -1;
            if (isWeixin) {
                var get_base_info = "{$get_base_info}";
                if (get_base_info) {
                    var redirect_url        = "{:base64_encode(U('Activity/Activity/activity_info', ['id' => $activity_info['id']]))}";
                    window.location.href    = "{:U('Wx/WxLogin/get_wx_user_base_info')}" + "&redirect=" + redirect_url;
                }
            }
        }

        var has_click_buy = "{$has_click_buy}";
        if (has_click_buy) {
            $("html, body").animate(
                {scrollTop : $("#tab2").offset().top + $(window).height() - 70},
                {duration : 500, easing : "swing"}
            );
        }

        $('#mobile_num').keyup(function () {
            var mobile_num = $(this).val();
            if (isPhoneAvailable(mobile_num)) {
                $('#mobile_num').addClass('right_mobile');
            } else {
                $('#mobile_num').removeClass('right_mobile');
            }
        });
    })
</script>
<script>
    $(function () {
        var Height = $(window).height(); //900
        $(".main_top").css({
            height: Height,
        });
        $("body").css({
            paddingTop: Height,
        });
        $(window).scroll(function () {
            var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
            if (scrollTop < Height) {
                $('.active_nav').removeClass("active_nav_actieve");
            } else {
                $('.active_nav').addClass("active_nav_actieve");
            }
        });

        $('.not_active_city').click(function () {
            layer.msg('活动正在筹备，敬请期待~');
        });
        // 背景图片定位
        var bg_path = "{:sp_get_asset_upload_path('http://video.rixins.com/image/default/B49D1964510A45B28843740AE9E7BA68-6-2.png')}";
        $(".main-ground").css({
            paddingTop:200,
            background: bg_path + ' no-repeat top fixed',
            webkitBackgroundSize:"100%"+" " + Height + "px",
            backgroundSize: "100%"+" " + Height + "px"
        })
    })
</script>
<!--去掉最后一个字符市-->
<script>
    $(function () {
        $(".active_city span").each(function () {
            var text = $(this).text().slice(0,-1);
            $(this).text(text);

        });
        $(".city_name").each(function () {
            var text = $(this).text().slice(0,-1) + "站";
            $(this).text(text);

        })
    })
</script>
<script>
    // 加减效果
    $(function () {
        $(".reduce").click(function () {
            var target = $(this).siblings(".count_number");
            var num = parseInt(target.text());
            if (num > 0) {
                target.text(num - 1);
            } else {
                target.text(0);
            }
            how_money();
        });
        $(".add").click(function () {
            var total = $(this).attr('data-limit');
            var target = $(this).siblings(".count_number");
            var num = parseInt(target.text());
            if (num < total) {
                target.text(num + 1);
            } else {
                layer.msg('限购' + total + '张票');
                target.text(total);
            }
            how_money();

        });

        // 总价计算
        function how_money() {
            var total = 0;
            $(".unit").each(function () {
                var unitPrice = parseFloat($(this).text());
                var num = $(this).parents(".ticket_item").find(".count_number").text();
                total += unitPrice * num;
            });
            if (total > 0) {
                $(".how_money").html("共计&nbsp;" + total+"元");
            } else {
                $(".how_money").text("");
            }
            if (show_mobile_input) {
                if (total > 0) {
                    $(".get_phone").slideDown();
                } else {
                    $(".get_phone").slideUp();
                }
            }
        }
        // 确认购票
        $('.buy_ticket').click(function () {
            var total_ticket_num = 0;
            var buy_info = new Array();
            $('.count_number').each(function () {
                var ticket_id = $(this).attr('data-id');
                var ticket_num = parseInt($(this).text());
                if (ticket_num > 0) {
                    total_ticket_num += ticket_num;
                    buy_info.push(ticket_id + '|' + ticket_num);
                }
            });
            var validate_mobile = $('#mobile_num').hasClass('right_mobile');
            var mobile = $('#mobile_num').val();
            if (show_mobile_input && !validate_mobile) {
                layer.msg('请输入正确的手机号');
                return;
            }
            if (total_ticket_num > 0) {
                layer.confirm('确定购票？',
                    {
                        btn: ['取消', '确定'],
                        area: ["240px", "120px"],
                        title: false,
                        closeBtn:false,
                    }, function(index){
                        layer.close(index);
                    }, function (index) {
                        var redirect_url    = "{:base64_encode(U('Activity/Activity/activity_info', ['id' => $activity_info['id']]))}";
                        var url             = "{:U('Activity/Activity/activity_buy_ticket', ['act_id' => $activity_info['id']])}" + "&mobile=" + mobile + "&buy_info=" + buy_info;
                        if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
                            /*window.location.href="你的手机版地址";*/
                            var ua = navigator.userAgent.toLowerCase();
                            var isWeixin = ua.indexOf('micromessenger') != -1;
                            if (isWeixin) {
                                url = url + "&pay_type=3";
                                window.location.href = url;
                            } else {
                                $.get(url, {pay_type: 2}, function (re) {
                                    if (re.status) {
                                        window.location.href = re.pay_url;
                                    } else {
                                        if (re.info == '请先登录') {
                                            setTimeout(function () {
                                                window.location.href = "{:U('User/Login/index')}" + "&redirect=" + redirect_url;
                                            }, 1600);
                                        }
                                        layer.msg(re.info);
                                    }
                                });
                            }
                        } else {
                            $.get(url + "&pay_type=1", {}, function (re) {
                                if (typeof (re) != 'string') {
                                    layer.msg(re.info);
                                    if (re.info == '请先登录') {
                                        setTimeout(function () {
                                            window.location.href = "{:U('User/Login/index')}" + "&redirect=" + redirect_url;
                                        }, 1600);
                                    }
                                    return;
                                } else {
                                    $('#pay_qrcode').find('img').attr('src', url + "&pay_type=1");
                                    layer.open({
                                        type: 1,
                                        title: false,
                                        closeBtn: 1,
                                        area: '375px',
                                        shadeClose: true,
                                        content: $('#pay_qrcode')
                                    });
                                }
                            });
                        }
                        layer.close(index);
                    });
            } else {
                layer.msg('请选择购票信息');
            }
        });

        $('body').delegate('.has_pay_btn', 'click', function () {
            window.location.href = "{:U('Order/Order/activity_lists', ['status' => 1])}";
        });
    })
</script>
<!--全角字符转换成半角字符-->
<script>
    $(function () {
        $(".topics_item .timer").each(function () {
            var $item = $(this).text();
            $(this).html(cgc($item));
        });

        function cgc(str) {
            var tmp = "";
            for (var i = 0; i < str.length; i++) {
                if (str.charCodeAt(i) >= 65281 && str.charCodeAt(i) <= 65374) {
                    tmp += String.fromCharCode(str.charCodeAt(i) - 65248)
                } else if (str.charCodeAt(i) == 12288) {
                    tmp += ' ';
                } else {
                    tmp += str[i];
                }
            }
            return tmp;
        }
    });
</script>
<script>
    $(document).ready( move() );
    function move() {
        var Height = $(window).height();
        $(".arrow_btm").css({
            top:Height - 50,
        })
        $(".arrow_btm").animate({
            top:Height - 70
        },280,function(){setTimeout(move,280);
        });
    }
</script>
<script>
    $(function () {

        $(window).scroll(function () {
            var $width = $(window).width();
            var $top = document.documentElement.scrollTop || document.body.scrollTop;
            if ($width < 750 && $top > 200){
                $(".repace_bcg1").fadeOut();
                $(".repace_bcg2").fadeIn();
            }else {
                $(".repace_bcg1").fadeIn();
                $(".repace_bcg2").fadeOut();
            }
        });

    })
</script>
</body>
</html>